<template>
    <div class="page1">
      <swiper loop="true" @swiper="onSwiper" @slideChange="onSlideChange">
        <swiper-slide>
          <img src="/src/assets/img/banner.jpg" alt="" srcset="" />
        </swiper-slide>
        <swiper-slide><img src="/src/assets/img/banner.jpg" alt="" srcset="" /></swiper-slide>
        <swiper-slide><img src="/src/assets/img/banner.jpg" alt="" srcset="" /></swiper-slide>
      </swiper>
    </div>
  </template>
  <script setup>
  import { Swiper, SwiperSlide } from 'swiper/vue'
  
  import 'swiper/css'
  const onSwiper = (swiper) => {
        console.log(swiper)
      }
      const onSlideChange = () => {
        
      }
  </script>
  <style scoped>
  .page1{
      position: relative;
      height: 13.34rem
  }
  </style>
  